<!doctype html>
<html lang="en">

<head>
	<title>The Poker Game</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<!-- -->
	<link rel="stylesheet" href="static/css/poker.css" type="text/css">
	<link rel="stylesheet" href="static/css/style2.css" type="text/css">

	<link rel="shortcut icon" href="static/images/chip5.png" />

	<script charset="UTF-8" src=static/js/jsholdem/poker.js></script>
	<script charset="UTF-8" src=static/js/jsholdem/hands.js></script>
	<script charset="UTF-8" src=static/js/jsholdem/bot.js></script>
	<script charset="UTF-8" src=static/js/gui_if.js></script>
	<script charset="UTF-8" src=static/js/jquery.js></script>
	<script charset="UTF-8" src=static/js/shuffle.js></script>
</head>

<body onload="parent.init(), checktable(), prechecksound()">
	<div
		style="z-index:9999999;width:100%;height:24px;position:fixed;background: #000;bottom:0;margin: 0 auto;display:none;">
		<progress id="myprogress" max="100" value="0"
			style="top:5px;left:0;right:0;width:650px;height:14px;z-index:9999999;margin:0 auto;position:absolute;display:none;"></progress>
	</div>
	<div id="poker_table" class="poker-table" data-uid="">
		<script>
			display_allpokerchips();
		</script>
		<div id="seat0" class="seat">
			<div class="holecards" id="hcplayer">
				<div class="card holecard1" id="hplayer1"></div>
				<div class="card holecard2" id="hplayer2"></div>
			</div>
			<div class="name-chips" id="playernamechips">
				<div class="player-name" id="mplayername"></div>
				<div class="chips" id="mplayerchips"></div>
				<div id="button0" class="seat0-button"></div>

				<script>
					display_player_chips('player');
				</script>
			</div>
			<div class="bet" id="mybet">></div>
		</div>

		<script>
			display_players();
		</script>
		<div id="board">
			<div id="flop1" class="card boardcard"></div>
			<div id="flop2" class="card boardcard"></div>
			<div id="flop3" class="card boardcard"></div>
			<div id="turn" class="card boardcard"></div>
			<div id="river" class="card boardcard"></div>
			<div id="burn1" class=""></div>
			<div id="burn2" class=""></div>
			<div id="burn3" class=""></div>
		</div>
		<div id="pot">
			<div id="current-pot"></div>
			<div id="total-pot"></div>

		</div>
	</div>

	<div id="cheatsheet">
		<div id="tik"
			style="max-width:400px;margin: 0 auto;left: 0; right: 0;height:24px; background: url('static/images/buttonlcd.png') no-repeat center/100% 100%;position: absolute;display:none;">
			<div id="game-response2" class="textVerticalScroll"
				style="margin-left: 20px; margin-right: 20px;border-radius:0 0 15px 15px;font-family: digital !important;max-width:338px;left: 0; right: 0;height:24px;color:blue;top:0;vertical-align:middle;margin:0 auto; text-align: center;font-size: 16px !important; line-height: 18px;z-index: 9999999;text-decoration: none !important;padding-left: 20px; padding-right: 20px;">
			</div>
		</div>

		<div id="mainsettings">
			<div id="action-options">
				<div id="fold-button" class="action-button"></div>
				<div id="call-button" class="action-button"></div>
			</div>
			<div id="quick-raises" style="white-space:nowrap;text-overflow:ellipsis;"></div>
			<div id="logo"
				style="background: #000;height:118px;width:298px;margin-top:84px;border-top: 1px solid yellowgreen; border-bottom: 1px solid yellowgreen;display:none">
				<span class="speech-bubble" style="display:none" id="botspeech9"></span>

				<div id="game-response" class="normal-response"></div>
			</div>

			<div id="setup-options" style="margin-top:84px;">
				<div id="name-button" class="setup-button" style="display: none;">name</div>
				<div id="speed-button" class="setup-button" style="display: none;">speed
					<div id="speed-selector" style="font-size:12px;">
						<select id="speed-options" style="font-size:12px;">
							<option value="0">1</option>
							<option value="1">2</option>
							<option value="2">3</option>
							<option value="3">4</option>
							<option value="4">5</option>
						</select>
					</div>
				</div>
				<div id="felt-button" class="setup-button" onclick="changetable();"  style="display: none;">table</div>
				<div id="mode-button" class="setup-button" style="display: none;">theme</div>
				<div id="check-button" class="setup-button" style="display: none;">update</div>
				<div id="help-button" class="setup-button" style="display: none;">help</div>
				<!--
		<div id="" class="setup-button">anchor<input type="input" id="lock" name="lock" onchange="lock()"></div>
-->
				<div class="setup-button" style="display: none;">sound<input type="checkbox" id="sound" name="sound" checked
						onchange="checksound()"></div>
				<input type="hidden" id="lock" name="lock" onchange="lock()">
			</div>


		</div>



	</div> <!-- end of cheatsheet-->








	<audio id="casino" loop>
		<source src="casino.ogg" type="audio/ogg">
	</audio>

	<script> // cliker
		var clickonce = 0;

		window.addEventListener('click', () => {
			var soundstatus = getLocalStorage("soundstatus");
			if (soundstatus === null) {  // first time
				soundz = 0;
			}
			else soundz = soundstatus;
			if (soundz == 0 && clickonce == 0) {
				var audio = document.getElementById("casino");
				audio.src = 'casino.ogg';
				audio.load();
				// audio.play();
			}
			clickonce = 1;
		});
	</script>
	<div id="history" style="display:none;"></div>
	<div id="production-code" style="color:#aaa !important;display:none"></div>
	<div id="modal-box" style="display:none"></div>
</body>


<script>
	lock();

	var soundz = 0;
	var currenttable = 0;

</script>
</body>

</html>